<script>
export default {
  name: 'HelloWorld',
  data() {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  render(h, context) {
    return h(
      'button', {
        class: "div-class",
        onClick:()=>{
          console.log("你刚刚点了一下按钮")
        }
      },
      "我是通过渲染函数出来的按钮"
    )

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.div-class {
  background-color: #42b983;
  width: 200px;
  height: 50px;
}
</style>
